#releasePolicy {
  position: relative
  width: 100%
  height: 100%
  background-color: #292d3
  .sidebarLeft {
    position relative
    float left
    width: 240px
    height: 100%
    background-color: #fff
    border-right: 1px solid #ccc
    .shrinkBtn {
      width: 100%
      height: 60px
      line-height: 60px
      text-align center
      font-size: 20px
      color #4c4c4c
      cursor pointer
      //border-bottom: 1px solid #000
    }
    .addPolicyBtn {
      width: 100%
      height: 40px
      line-height: 40px
      background-color: #56a6f6
      text-align center
      font-size: 16px
      color #fff
      //border-bottom 1px solid #000
      cursor pointer
    }
    .sidebarLeftScroll {
      position: relative
      top: 0
      bottom: 0
      width: 100%
      height: calc(100% - 180px)
      .policyDrafts {
        .policyDraftsTitle {
          display: block
          padding 10px
          width: 100%
          height: 80px
          line-height: 90px
          font-size: 16px
          color #4c4c4c
          //border-bottom: 1px solid #000
        }
        .addPolicyList {
          position: relative
          padding 10px 15px 10px 15px
          width: 100%
          height: 80px
          border-left 5px solid #adff2f
          resize: none;
          &::-webkit-input-placeholder {
            color darkorange
          }
          &:-moz-placeholder {
            color darkorange
          }
          &::-moz-input-placeholder {
            color darkorange
          }
          &::-ms-textarea-placeholder {
            color darkorange
          }
          &:focus {
            border: 1px solid #bbb
            border-left 5px solid #adff2f
          }
        }
        > li {
          width: 100%
          padding 10px 15px 10px 25px
          height: 80px
          background-color: #e5e5e5
          font-size: 14px
          color: #000
          margin-bottom 1px
          cursor pointer
          &:hover {
            background-color: #b5b5b5
          }
        }
        .active {
          border-left 5px solid #adff2f
          padding-left 20px
          background-color: #b5b5b5
        }
        .activeALL {
          background-color #bbb
          border 0
        }
      }
      .policyRecycle {
        > span {
          display: block
          padding 10px
          width: 100%
          height: 80px
          line-height: 90px
          font-size: 16px
          color #4c4c4c
          //border-bottom: 1px solid #000
        }
        > li {
          width: 100%
          padding 10px 15px 10px 25px
          height: 80px
          line-height 70px
          background-color: #e5e5e5
          font-size: 14px
          color: #333
          margin-bottom 1px
          cursor pointer
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          &:hover {
            background-color: #b5b5b5
          }
        }
        .active {
          border-left 5px solid #adff2f
          padding-left 20px
          background-color: #b5b5b5
        }
      }
    }

  }

  .releasePolicyContent {
    position relative
    float right
    width: calc(100% - 240px)
    height: 100%
    padding 15px 15px 0 15px
    .policyContentTop {
      position: absolute
      top: 20px
      width: calc(100% - 30px)
      height: calc(100% - 75px)
      .policyContentTopLeft {
        position: relative
        top: 30px
        float left
        width: calc(100% - 365px)
        height: calc(100% - 30px)
        .editContentHeader {
          position: absolute
          top: -36px
          font-size: 18px
          color #fff
        }
        .editContentTitle {
          width: 100%
          min-height: 80px
          background-color: #e5e5e5
          margin-bottom 8px
          padding 10px
          .policyCaption {
            position relative
            width: 100%
            height: 40px
            border 0px solid #000
            background-color: #e5e5e5
            font-size: 20px
            color #4c4c4c
          }
          // .policyDescription {
          //   position relative
          //   width : 100%
          //   height : 20px
          //   border 0px solid #000
          //   background-color : #5c5f6b
          //   font-size : 14px
          //   color #fff
          // }
          > input {

            &::-webkit-input-placeholder {
              color darkorange
            }
            &:-moz-placeholder {
              color darkorange
            }
            &::-moz-input-placeholder {
              color darkorange
            }
            &::-ms-textarea-placeholder {
              color darkorange
            }
            &:focus {
              border: 1px solid #bbb
              background-color #e5e5e5
            }
          }
        }
        .editPolicyContent {
          width: 100%
          height: calc(100% - 88px)
          background-color: #5c5f6b
          .editor-layer {
            position relative
            width: 100%
            height: 100%
            .editor {
              position: relative
              height: 100%;

              .btn-editor {
                position: absolute
                right: -60px
                top: 0
                width: 60px
                text-align: center
                .close-editor {
                  font-size: 40px
                  cursor: pointer
                }
              }
            }
          }

        }
      }
      .policyContentTopRight {
        position: relative
        top: 30px
        float right
        width: 350px
        height: calc(100% - 30px)
        background-color: #fff
        padding 20px 15px 0 15px
        border: 1px solid #ccc
        .matingContentHeader {
          position: absolute
          top: -36px
          font-size: 18px
          color #fff
        }
        .policyContentTopRightScroll {
          position: relative
          top: 20px
          bottom: 0
          width: 100%
          height: calc(100% - 20px)
          .extrude {
            position: relative
            width: 100%
            //height: 200px
            margin-bottom 15px
            background-color: #e5e5e5
            .extrudeCaption {
              position: relative
              top: 10px
              left: 15px
              font-size: 24px
              color #333
            }
            .policySpiritDescription {
              width: 100%
              height: calc(100% - 100px)
              padding 15px 20px 0px 20px
              > p {
                font-size: 18px
                color #57a5f6
                height: 25px
                line-height: 25px
              }
            }
            .uploadPicture {
              width: 100%
              //height: 80px
              padding 10px 20px 20px 20px
              > p {
                font-size: 14px
                height: 30px
                line-height: 25px
                color #57a5f6
              }
              .ivu-btn-info {
                display: block
                width: 280px
                height: 30px
                line-height: 15px
                font-size: 14px
                text-align center
                cursor: pointer
                color #fff
                background-color #57a5f6
              }
              .showPic {
                position relative
                width: 280px
                height: 280px
                > img {
                  width: 100%
                  height: 100%
                }
                &:hover {
                  .delPic {
                    display: block;
                  }
                }
                .delPic {
                  position absolute
                  top 0
                  left 0
                  display none
                  width 280px
                  height 280px
                  line-height 280px
                  text-align: center;
                  background-color rgba(0, 0, 0, .6)
                  color #fff
                  font-size: 50px
                  z-index: 1
                  cursor pointer
                }
              }
            }
          }
          .declareFunding {
            position: relative
            width: 100%
            padding 50px 20px 20px 20px
            background-color: #e5e5e5
            > span {
              display: block
              position: absolute
              top: 12px
              left: 15px
              font-size: 24px
              color #333
            }
            .fundingList {
              position: relative
              border-bottom 1px solid #ccc
              .fundingListLeft {
                position: relative
                display: none
                float left
                width: 15%
                height: 100%
                .upDown {
                  position absolute
                  top 5px
                  left 0
                  width 26px
                  height 26px
                  background-color #292f3c
                  color #fff
                  .up {
                    position absolute
                    top 0
                    left 0
                    width 100%
                    height 13px
                    line-height 13px
                    font-size: 16px
                    text-align: center
                    cursor: pointer
                  }
                  .down {
                    position absolute
                    bottom 0
                    left 0
                    width 100%
                    height 13px
                    line-height 13px
                    font-size: 16px
                    text-align: center
                    cursor: pointer
                  }
                }
                .delBtn {
                  position absolute
                  top 25px
                  left 0
                  width 26px
                  height 26px
                  line-height 20px
                  text-align: center
                  font-size: 30px
                  background-color #292f3c
                  color: #f40
                  cursor: pointer
                }
              }
              .fundingListRight {
                position: relative
                float right
                width: 85%
                height: 100%
                .fundingTitle {
                  font-size: 14px
                  color #57a5f6
                  height: 25px
                  line-height: 25px
                }
                .fundingName {
                  font-size: 15px
                  color #292c3c
                  height: 25px
                  line-height: 25px
                  background-color #e5e5e5
                  border 0px solid #ccc
                  resize: none;
                  &::-webkit-input-placeholder {
                    color darkorange
                  }
                  &:-moz-placeholder {
                    color darkorange
                  }
                  &::-moz-input-placeholder {
                    color darkorange
                  }
                  &::-ms-textarea-placeholder {
                    color darkorange
                  }
                  &:focus {
                    border: 1px solid #bbb
                    background-color #fff
                  }
                }
                .fundingType {
                  position: relative
                  color #4c4c4c
                  height: 21px
                  line-height: 21px
                  .typeName {
                    font-size: 14px
                  }
                  .fundingType01 {
                    font-size: 10px
                    margin-left 10px
                  }
                  .fundingType02 {
                    position: relative
                    width: 120px
                    font-size: 10px
                    height 21px
                    line-height: 17px
                    text-align left
                    padding 3px 6px
                    margin-left 5px
                    color #4c4c4c
                    background-color #e5e5e5
                    border: 0px solid #000
                    &::-webkit-input-placeholder {
                      color darkorange
                    }
                    &:-moz-placeholder {
                      color darkorange
                    }
                    &::-moz-input-placeholder {
                      color darkorange
                    }
                    &::-ms-textarea-placeholder {
                      color darkorange
                    }
                    &:focus {
                      border: 1px solid #bbb
                    }
                  }
                  .fundingType03 {
                    position: absolute;
                    left: inherit;
                    top: 1px;
                    font-size: 10px
                    height 21px
                    line-height: 15px
                    padding 3px 6px 3px 0px
                    color #4c4c4c
                    border: 0px solid #000
                    background-color: #e5e5e5
                  }
                }
                .fundingDescription {
                  position: relative
                  margin 10px 0px
                  font-size: 14px
                  color #fff
                  > input {
                    font-size: 15px
                    color #fff
                    min-height 60px
                    background-color #5c5f6b
                    border 0px solid #ccc
                    resize: none;
                    &::-webkit-input-placeholder {
                      color darkorange
                    }
                    &:-moz-placeholder {
                      color darkorange
                    }
                    &::-moz-input-placeholder {
                      color darkorange
                    }
                    &::-ms-textarea-placeholder {
                      color darkorange
                    }
                    &:focus {
                      border: 1px solid #bbb
                    }
                  }
                }
              }
              &:hover {
                .fundingListLeft {
                  display: block
                }
              }
            }
            .addFundingBtn {
              position: relative
              top: -6px
              width: 100%
              height: 30px
              line-height: 30px
              font-size: 18px
              color #fff
              text-align center
              background-color: #56a6f6
              border-radius: 6px
              cursor pointer
            }

          }
          .applicationForm {
            position: relative
            margin-top: 15px
            margin-bottom: 15px
            width: 100%
            height: 130px
            background-color: #e5e5e5
            > p {
              position: relative
              top: 13px
              left: 18px
              font-size: 18px
              color #333
            }
            .applicationFormContent {
              position: relative
              padding 25px 20px 15px 20px
              .applicationFormContentStatus {
                .formTop {
                  font-size: 14px
                  color #4c4c4c
                }
                .formBottom {
                  margin-left 5px
                  font-size: 14px
                  color #b5b5b5
                }
              }
              .editFormBtn {
                margin-top 10px
                width: 100%
                height: 30px
                line-height: 30px
                text-align center
                border-radius: 6px
                background-color: #56a6f6
                cursor pointer
                > a {
                  font-size: 14px
                  color #fff
                }
              }
            }
          }
        }
      }
    }
    .policyContentFooter {
      position: absolute
      bottom: 0
      width: calc(100% - 30px)
      //padding 5px 10px
      height: 40px
      background-color: #e5e5e5
      display: flex
      justify-content space-between
      .deleteBtn {
        width: 80px
        height: 40px
        line-height: 40px
        text-align center
        font-size: 16px
        color #fff
        //border: 1px solid #000
        background-color: #f64e49
        cursor pointer
      }
      .operationBtn {
        width: 280px
        height: 40px
        line-height: 40px
        text-align center
        font-size: 16px
        color #fff
        cursor pointer
        .savePolicyBtn {
          position: relative
          float left
          width: 47%
          background-color: #56a6f6
          //border: 1px solid #000
        }
        .publishPolicyBtn {
          position: relative
          float right
          width: 47%
          background-color: #56a6f6
          //border: 1px solid #000
        }
      }
    }
  }
  #quillEditor, #quillEditor1 {
    height: 100%
    background-color: #fff
    border-radius(4px)
    .ql-container {
      height: calc(100% - 42px)
    }
    .ql-snow .ql-picker.ql-header {
      width: 45px
    }
  }
  .ivu-input {
    font-size: 14px;
    min-height: 32px;
    max-height: 320px;
    color: #4c4c4c;
    padding: 0px;
    background-color: #e5e5e5;
    border: 0px solid #ccc;
    resize: none;

    &::-webkit-input-placeholder {
      color: darkorange;
    }

    &:-moz-placeholder {
      color: darkorange;
    }

    &::-moz-input-placeholder {
      color: darkorange;
    }

    &::-ms-textarea-placeholder {
      color: darkorange;
    }

    &:focus {
      border: 1px solid #bbb;
    }
  }
  .sumIndexNav {
    margin-top 40px
    width: 100%;
    text-align center
    height: 40px;
    line-height 40px
    background-color: #56a6f6;
    font-size: 16px;
    color: #fff;
    //border-bottom: 1px solid #000;
    //border-top: 1px solid #000;
    cursor: pointer;
    &:hover {
      background-color #b5b5b5
    }
  }
  .sumIndexColor {
    background-color #56a6f6
    color #000
    border-left 5px solid #adff2f
  }

}
